<template>
	<div class="lists-nav-container">
    <div class="lists-nav">
      <section :class="navData.curType==null?'cur':''" @click="clickListsNav(null)">全部<i></i></section>
      <section :class="navData.curType==0?'cur':''" @click="clickListsNav(0)">{{navData.ftitle_pending_pay}}<i></i></section>
      <section :class="navData.curType==1?'cur':''" @click="clickListsNav(1)">待确认<i></i></section>
      <section :class="navData.curType==2?'cur':''" @click="clickListsNav(2)">已确认<i></i></section>
    </div>
  </div>
</template>

<script>
  import Vue from 'vue'
  export default Vue.extend ({
    name: 'index',
    components: {

    },
    props: {
      navData: {
        type: Object,
        default: {
          is_allow_exchange: 1,
          is_allow_return: 1,
          ftitle_pending_pay: '待收益',
          ftitle_has_shipped: '待确认',
          ftitle_return_goods: '已确认',
          curType: null
        }
      }
    },
    data() {
      return {
      }
    },
    methods: {
      clickListsNav(type) {
        // console.log(type)
        if (type != this.navData.curType) {
          this.$emit('changeOrderType', type)
          this.navData.curType = type
        }
      }
    },
    created() {
    }
  })
</script>

<style lang="scss">
@import "src/styles/order/lists";
</style>
